﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
        <title>Zinzer - Responsive Bootstrap 4 Admin Dashboard</title>
        <meta content="Admin Dashboard" name="description" />
        <meta content="ThemeDesign" name="author" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

        <link rel="shortcut icon" href="././static/images/favicon.ico">

        <!-- morris css -->
        <link rel="stylesheet" href="../plugins/morris/morris.css">

        <link href="././static/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="././static/css/icons.css" rel="stylesheet" type="text/css">
        <link href="././static/css/style.css" rel="stylesheet" type="text/css">

    </head>


    <body class="fixed-left">

        <!-- Loader -->
        <div id="preloader">
            <div id="status">
                <div class="spinner">
                    <div class="rect1"></div>
                    <div class="rect2"></div>
                    <div class="rect3"></div>
                    <div class="rect4"></div>
                    <div class="rect5"></div>
                </div>
            </div>
        </div>

        <!-- Begin page -->
        <div id="wrapper">

            <!-- ========== Left Sidebar Start ========== -->
            <div class="left side-menu">
                <button type="button" class="button-menu-mobile button-menu-mobile-topbar open-left waves-effect">
                    <i class="mdi mdi-close"></i>
                </button>

                <div class="left-side-logo d-block d-lg-none">
                    <div class="text-center">
                        
                        <a href="index.html" class="logo"><img src="././static/images/logo_dark.png" height="20" alt="logo"></a>
                    </div>
                </div>

                <div class="sidebar-inner slimscrollleft">

                    <div id="sidebar-menu" th:fragment="siderbar">
                        <ul>
                            <li class="menu-title">菜单</li>

                            <li>
                                <a href="./tohomepage" class="waves-effect">
                                    <i class="dripicons-home"></i>
                                    <span> 首页 <span class="badge badge-success badge-pill float-right"></span></span>
                                </a>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="dripicons-briefcase"></i> <span> 品牌 </span> <span class="menu-arrow float-right"><i class="mdi mdi-chevron-right"></i></span></a>
                                <ul class="list-unstyled">
                                    <li><a th:href="@{/tobrand}">品牌列表</a></li>

                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="dripicons-archive"></i> <span> 商品</span> <span class="menu-arrow float-right"><i class="mdi mdi-chevron-right"></i></span></a>
                                <ul class="list-unstyled">
                                    <li><a th:href="@{/goodlist}">商品列表</a></li>
                                    <li><a th:href="@{/togood_add}">进仓</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="dripicons-document"></i> <span> 记录 </span> <span class="menu-arrow float-right"><i class="mdi mdi-chevron-right"></i></span></a>
                                <ul class="list-unstyled">
                                    <li><a th:href="@{/toingood_list}">进仓记录</a></li>
                                    <li><a th:href="@{/tooutgood_list}">出仓记录</a></li>
                                </ul>
                            </li>




<!--                            <li class="has_sub">-->
<!--                                <a href="javascript:void(0);" class="waves-effect"><i class="dripicons-view-thumb"></i><span> xx表 </span> <span class="menu-arrow float-right"><i class="mdi mdi-chevron-right"></i></span></a>-->
<!--                                <ul class="list-unstyled">-->
<!--                                    <li><a href="tables-basic.html">Basic Tables</a></li>-->
<!--                                    <li><a th:href="@{/playList}">玩家表</a></li>-->
<!--                                    <li><a href="tables-responsive.html">Responsive Table</a></li>-->
<!--                                    <li><a href="tables-editable.html">Editable Table</a></li>-->
<!--                                </ul>-->
<!--                            </li>-->

                            <li class="menu-title">Extra</li>

                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div> <!-- end sidebarinner -->
            </div>
            <!-- Left Sidebar End -->

            <!-- Start right Content here -->

            <div class="content-page">
                <!-- Start content -->
                <div class="content">

                    <!-- Top Bar Start -->
                    <div class="topbar" th:fragment="topbar">

                        <div class="topbar-left	d-none d-lg-block">
                            <div class="text-center">
                                <a href="index.html" class="logo"><img src="././static/images/logo.png" height="22" alt="logo"></a>
                            </div>
                        </div>

                        <nav class="navbar-custom">

                             <!-- Search input -->
                             <div class="search-wrap" id="search-wrap">
                                <div class="search-bar">
                                    <input class="search-input" type="search" placeholder="Search" />
                                    <a href="#" class="close-search toggle-search" data-target="#search-wrap">
                                        <i class="mdi mdi-close-circle"></i>
                                    </a>
                                </div>
                            </div>

                            <ul class="list-inline float-right mb-0">
                                <li class="list-inline-item dropdown notification-list">
                                    <a class="nav-link waves-effect toggle-search" href="#"  data-target="#search-wrap">
                                        <i class="mdi mdi-magnify noti-icon"></i>
                                    </a>
                                </li>

                                <li class="list-inline-item dropdown notification-list">
                                    <a class="nav-link dropdown-toggle arrow-none waves-effect" data-toggle="dropdown" href="#" role="button"
                                    aria-haspopup="false" aria-expanded="false">
                                        <i class="mdi mdi-bell-outline noti-icon"></i>
                                        <span class="badge badge-danger badge-pill noti-icon-badge">3</span>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-menu-lg dropdown-menu-animated">
                                        <!-- item-->
                                        <div class="dropdown-item noti-title">
                                            <h5>Notification (3)</h5>
                                        </div>

                                        <div class="slimscroll-noti">
                                            <!-- item-->
                                            <a href="javascript:void(0);" class="dropdown-item notify-item active">
                                                <div class="notify-icon bg-success"><i class="mdi mdi-cart-outline"></i></div>
                                                <p class="notify-details"><b>Your order is placed</b><span class="text-muted">Dummy text of the printing and typesetting industry.</span></p>
                                            </a>

                                            <!-- item-->
                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
                                                <div class="notify-icon bg-danger"><i class="mdi mdi-message-text-outline"></i></div>
                                                <p class="notify-details"><b>New Message received</b><span class="text-muted">You have 87 unread messages</span></p>
                                            </a>

                                            <!-- item-->
                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
                                                <div class="notify-icon bg-info"><i class="mdi mdi-filter-outline"></i></div>
                                                <p class="notify-details"><b>Your item is shipped</b><span class="text-muted">It is a long established fact that a reader will</span></p>
                                            </a>

                                            <!-- item-->
                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
                                                <div class="notify-icon bg-success"><i class="mdi mdi-message-text-outline"></i></div>
                                                <p class="notify-details"><b>New Message received</b><span class="text-muted">You have 87 unread messages</span></p>
                                            </a>

                                            <!-- item-->
                                            <a href="javascript:void(0);" class="dropdown-item notify-item">
                                                <div class="notify-icon bg-warning"><i class="mdi mdi-cart-outline"></i></div>
                                                <p class="notify-details"><b>Your order is placed</b><span class="text-muted">Dummy text of the printing and typesetting industry.</span></p>
                                            </a>

                                        </div>
                                        

                                        <!-- All-->
                                        <a href="javascript:void(0);" class="dropdown-item notify-all">
                                            View All
                                        </a>

                                    </div>
                                </li>
    

                                <li class="list-inline-item dropdown notification-list nav-user">
                                    <a class="nav-link dropdown-toggle arrow-none waves-effect" data-toggle="dropdown" href="#" role="button"
                                    aria-haspopup="false" aria-expanded="false">
                                        <img src="././static/images/users/avatar-6.jpg" alt="user" class="rounded-circle">
                                        <span class="d-none d-md-inline-block ml-1">[[${session.loginUser}]] <i class="mdi mdi-chevron-down"></i> </span>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated profile-dropdown">
                                        <a class="dropdown-item" href="#"><i class="dripicons-user text-muted"></i> Profile</a>
                                        <a class="dropdown-item" href="#"><i class="dripicons-wallet text-muted"></i> My Wallet</a>
                                        <a class="dropdown-item" href="#"><span class="badge badge-success float-right m-t-5">5</span><i class="dripicons-gear text-muted"></i> Settings</a>
                                        <a class="dropdown-item" href="#"><i class="dripicons-lock text-muted"></i> Lock screen</a>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" th:href="@{/logout}"><i class="dripicons-exit text-muted"></i> Logout</a>
                                    </div>
                                </li>

                            </ul>

                            <ul class="list-inline menu-left mb-0">
                                <li class="list-inline-item">
                                    <button type="button" class="button-menu-mobile open-left waves-effect">
                                        <i class="mdi mdi-menu"></i>
                                    </button>
                                </li>
                                <li class="list-inline-item dropdown notification-list d-none d-sm-inline-block">
                                    <a class="nav-link dropdown-toggle arrow-none waves-effect" data-toggle="dropdown" href="#" role="button"
                                    aria-haspopup="false" aria-expanded="false">
                                        Create New <i class="mdi mdi-plus"></i>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-animated">
                                        <a class="dropdown-item" href="#">Action</a>
                                        <a class="dropdown-item" href="#">Another action</a>
                                        <a class="dropdown-item" href="#">Something else here</a>
                                        <div class="dropdown-divider"></div>
                                        <a class="dropdown-item" href="#">Separated link</a>
                                    </div>
                                </li>
                                <li class="list-inline-item notification-list d-none d-sm-inline-block">
                                    <a href="#" class="nav-link waves-effect">
                                        Activity
                                    </a>
                                </li>

                            </ul>


                        </nav>

                    </div>
                    <!-- Top Bar End -->

                    <div class="page-content-wrapper ">

                        <div class="container-fluid">

                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="page-title-box">
                                        <div class="row align-items-center">
                                            <div class="col-md-8">
                                                <h4 class="page-title m-0">首页</h4>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="float-right d-none d-md-block">
                                                    <div class="dropdown">
                                                        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                            <i class="ti-settings mr-1"></i> Settings
                                                        </button>
                                                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated">
                                                            <a class="dropdown-item" href="#">Action</a>
                                                            <a class="dropdown-item" href="#">Another action</a>
                                                            <a class="dropdown-item" href="#">Something else here</a>
                                                            <div class="dropdown-divider"></div>
                                                            <a class="dropdown-item" href="#">Separated link</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- end col -->
                                        </div>
                                        <!-- end row -->
                                    </div>
                                    <!-- end page-title-box -->
                                </div>
                            </div> 
                            <!-- end page title -->
<p>品牌库存量(以库存总金额排名)</p>
                            <div class="row">
                             
                                <div class="col-xl-3 col-md-6" th:each="brand:${brandList}">
                                    <div class="card bg-primary mini-stat text-white">
                                        <div class="p-3 mini-stat-desc">
                                            <div class="clearfix">
                                                <h6 class="text-uppercase mt-0 float-left text-white-50" th:text="${brand.getBrandName()}"></h6>

                                            </div>
                                            <div>
                                                <span class="badge badge-light text-info">库存 </span><span class="ml-2" th:text="${brand.getSum_number()}"></span>&nbsp;
                                            </div>
                                            
                                        </div>
                                        <div class="p-3">
                                            <div class="float-right">
                                                <a href="#" class="text-white-50"><i class="mdi mdi-cube-outline h5"></i></a>
                                            </div>
                                            <p class="font-14 m-0"> <p th:text="'$:'+${brand.getSum_income()}"></p></p>
                                        </div>
                                    </div>
                                </div>
            
            
                           
                               
            
                            <div class="row">
                                <div class="col-xl-4" style="width:500px">
                                    <div class="card">
                                        <div class="card-body">
                                            <h4 class="mt-0 header-title mb-4">最新进仓</h4>
                                            <div class="latest-massage">
                                                <a href="#" class="latest-message-list">
                                                    <div class="border-bottom position-relative" th:each="ingood:${ingoods}">
                                                        <div class="float-left user mr-3">
                                                            <h5 class="bg-primary text-center rounded-circle text-white mt-0" >new</h5>
                                                        </div>
                                                        <div class="message-time">
                                                            <p class="m-0 text-muted" th:text="'$:'+${ingood.getIncome()}"></p>
                                                        </div>
                                                        <div class="massage-desc">
                                                        <br>
                                                            <h5 class="font-14 mt-0 text-dark" th:text="${ingood.getGoodName()+'x'+ingood.getNumber()}"></h5>
                                                            <p class="text-muted" th:text="${ingood.getBrandName()}"></p>
                                                        </div>
                                                    </div>
                                                </a>
                                                
                                            </div>
            
                                        </div>
                                    </div>
            
                                </div>
                                <!-- end col -->
            
                                <div class="col-xl-4">
                                    <div class="card">
                                        <div class="card-body">
                                            <h4 class="mt-0 header-title mb-4">最新出仓</h4>
                                            <ol class="activity-feed mb-0">
                                                <li class="feed-item" th:each="outgood:${outgoods}">
                                                    <div class="feed-item-list" >
                                                        <span class="date text-white-50" th:text="${outgood.getGoodName()+'x'+outgood.getNumber()}"></span>
                                                        <span class="activity-text text-white" th:text="'$:'+${outgood.getIncome()}">Responded to need “Volunteer Activities”</span><br>
                                                        <span class="activity-text text-white" th:text="'出仓目的地：'+${outgood.getTomarket()}">Responded to need “Volunteer Activities”</span>
                                                    </div>
                                                </li>
                                                
                                            </ol>
            
                                        </div>
                                    </div>
                                </div>
                                <!-- end col -->
            
                                <div class="col-xl-4" style="width:500px;">
                                    <div class="card">
                                        <div class="card-body">
                                            <h4 class="mt-0 header-title mb-4">出仓货物排名(以出货总金额排名)</h4>
                                            <div class="text-center" th:each="outRank1:${outRank1}">
                                                <div class="social-source-icon lg-icon mb-3">
                                                    <i class="mdi h2 bg-primary text-white">1</i>
                                                </div>
                                                <h5 class="font-16"><a href="#" class="text-dark" th:text="${outRank1.getGoodName()}"></a> </h5>
                                                
                                                <a href="#" class="text-primary font-14" th:text="'出货总量:'+${outRank1.getSum_number()}+'件'"></a> <br>
                                                <a href="#" class="text-primary font-14" th:text="'出货总额:$:'+${outRank1.getSum_income()}"></a><br>
                                                <a href="#" class="text-primary font-14" th:text="'出货超市:'+${outRank1.getmName()}+'('+${outRank1.getmType()}+')'"></a>
                                            </div>
                                            <div class="row mt-5">
                                                <div class="col-md-4" th:each="outRank:${outRanks}">                                              
                                                    <div class="social-source text-center mt-3">
                                                        <p class="font-14 text-muted mb-2" th:text="${outRank.getGoodName()}">125 sales</p>
                                                        <h6 th:text="'$:'+${outRank.getSum_income()}">Facebook</h6>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>
                                <!-- end col -->
                            </div>
                            <!-- end row -->
            
                            
                           <!-- end row -->

                        </div><!-- container fluid -->

                    </div> <!-- Page content Wrapper -->

                </div> <!-- content -->

                <footer class="footer">
                    © 2020 YY <span class="d-none d-md-inline-block">  <i class="mdi mdi-heart text-danger"></i> </a></span>
                </footer>

            </div>
            <!-- End Right content here -->

        </div>
        <!-- END wrapper -->


        <!-- jQuery  -->
        <script src="././static/js/jquery.min.js"></script>
        <script src="././static/js/bootstrap.bundle.min.js"></script>
        <script src="././static/js/modernizr.min.js"></script>
        <script src="././static/js/detect.js"></script>
        <script src="././static/js/fastclick.js"></script>
        <script src="././static/js/jquery.slimscroll.js"></script>
        <script src="././static/js/jquery.blockUI.js"></script>
        <script src="././static/js/waves.js"></script>
        <script src="././static/js/jquery.nicescroll.js"></script>
        <script src="././static/js/jquery.scrollTo.min.js"></script>

        <!--Morris Chart-->
        <script src="../plugins/morris/morris.min.js"></script>
        <script src="../plugins/raphael/raphael.min.js"></script>

        <!-- dashboard js -->
        <script src="/pages/dashboard.int.js"></script>        

        <!-- App js -->
        <script src="././static/js/app.js"></script>

    </body>
</html>